<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>DeepDR</title>
    <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

  <script src="http://cdn.bootcss.com/angular.js/1.6.1/angular.min.js" type="text/javascript"></script>
  <script src="http://cdn.bootcss.com/angular.js/1.6.1/angular-route.min.js" type="text/javascript"></script>

  <script src="js/manager.js" type="text/javascript"></script>

</head>
<body ng-app="deepDRapp">
<div ng-controller="appController" data-ng-init="init()">
  <div ng-show='menuItem != "login"'>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#">DeepDR Manger</a>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto" ng-show="!LogedIn">
          <li><a><input class="form-control mr-sm-1" type="text" placeholder="用户名" ng-model="usrname"></a></li>
          <li><a><input class="form-control mr-sm-1" type="password" placeholder="密码" ng-model="psw"></a></li>
          <li><a class="btn btn-outline-success my-2 my-sm-0" ng-click='login()'>登录</a></li>
        </ul>
        <ul class="navbar-nav mr-auto" ng-show="LogedIn">
          <li><a class="nav-link" >{{title}}</a></li>
          <li><a class="btn btn-outline-success my-2 my-sm-0" ng-click="exit_login()">退出登录</a></li>
        </ul>
     </div>
    </nav>

  </div>

    <div class="container theme-showcase" ng-controller="newImage">
      <div ng-show='menuItem == "start"'>
        <div class="panel panel-default text-center">
          <div class="panel-heading">添加用户</div>
          <div class="panel-body">
             <div class="input-group ">
                <div class="input-group-prepend">
                  <span class="input-group-text">用户名</span>
                </div>
                <input type="text" class="form-control" placeholder="User Name" ng-model="user_add.name">
                <div class="input-group-prepend">
                  <span class="input-group-text">密码</span>
                </div>
                <input type="text" class="form-control" placeholder="User Password" ng-model="user_add.password">
                <div class="input-group-prepend">
                  <span class="input-group-text">Title</span>
                </div>
                <input type="text" class="form-control" placeholder="User Title" ng-model="user_add.title">
                <div class="input-group-append">
                  <button class="btn btn-outline-secondary" type="button" ng-click="user_add.do()">Add User</button>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>


</div>


</body>
</html>
